<script setup>
import { ref, onMounted } from 'vue';
import Tabs from '@/components/tabs.vue'
import FieldDemo from '@/components/FieldDemo.vue';
import ArrayFieldDemo from '@/components/ArrayFieldDemo.vue';
import ObjecrFieldDemo from '@/components/ObjecrFieldDemo.vue';
import VoidFieldDemo from '@/components/VoidFieldDemo.vue';
import SchemaFieldMarkupSchema from '@/components/SchemaFieldMarkupSchema.vue';
import SchemaFieldJsonSchema from '@/components/SchemaFieldJsonSchema.vue';
import RecursionFieldDemo from '@/components/RecursionFieldDemo.vue';
import RecursionFieldDemo01 from '@/components/RecursionFieldDemo01.vue';
import FormProviderDemo from '@/components/FormProviderDemo.vue'

const tabs = [
    { name: 'FieldDemo', component: FieldDemo },
    { name: 'ArrayFieldDemo', component: ArrayFieldDemo },
    { name: 'ObjecrFieldDemo', component: ObjecrFieldDemo },
    { name: 'VoidFieldDemo', component: VoidFieldDemo },
    { name: 'SchemaFieldMarkupSchema', component: SchemaFieldMarkupSchema },
    { name: 'SchemaFieldJsonSchema', component: SchemaFieldJsonSchema },
    { name: 'RecursionFieldDemo', component: RecursionFieldDemo },
    {name :'RecursionFieldDemo01',component:RecursionFieldDemo01},
    {name:'FormProviderDemo', component:FormProviderDemo}
]
</script>
<template>
    <Tabs :tabs="tabs" />
</template>

<style lang='less' scoped></style>